/* Nav barre */

ul.nav li{
    list-style-type: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: transform .4s;}

ul.nav li:hover {
        transform: scale(1.3);
    }

    nav {
        overflow: hidden;
        background-color: white;
        /* position: fixed;  */
        /*  ca empèche le menu de bouger */
        width: 100%;
        opacity : 0.9; 
        /* max-height: 50px; */
    
    
    
    }
    header li {
        /* header puis li, envoie au li qui sont sous le header */
        /* font-size: 1.2em; */
        /* le em plutot que la pixel s"adapte à la taille de l'écran */
    padding-left: 11%; 
    }
    
    header li a {
        text-decoration: none;
        display: block;
        text-align: center;
        color: black;   
        /* le premier chiffre veut dire en haut et en bas le 2eme à droit et à gauche */
    }
    
    header li a :hover {
        zoom: 1.1%;
    }

    #img {
        padding-top: 60px;
        /* background: url(media/Mauritius\ -\ cascades.jpg) no-repeat 50% 50%; */
        background-size: cover;
        /* permet que l'image couvre tout, même quand on l'agrandie */
        height: 100px;
        padding: 1px 2%;
        background-color:#0f3958 ;
    }

    h1 {
        font-family: 'Andada Pro', serif;
        text-align: center;
        color : white;
        font-size: 2em;
        /* 1 em c'est la taille normal, donc 1 em c'est 6 fois plus gros */
        text-shadow: 1px 3px 2px black;
        padding: 1px 2%;
    }

/* liens  */

a.site {
    color: #0f3958;
}
a.box {
    color: white;
    text-decoration: none;
}
    /* tableaux */

table {
    border-collapse: collapse;
    text-align: center;
    margin: 2%;
}
td {
    border:1px black  solid;
    padding: 1%;
}

th {
    border:1px black  solid; 
    background-color: #0f3958;
    color: white;
    padding-top: 1%;
    padding-bottom: 1%;
}

tr.sst {
    background-color:#4b728f ;
    color: white;
}

td.sst {
    background-color:#4b728f ;
    color: white; 
}
#t1 {

margin-left: 20%;}

/* :titre et textes */

h2 {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
  
}

p {
    margin-left: 4%;
    margin-right: 3%;
    line-height: 2em;
}

li.body{
    margin-left: 15%;
    margin-right: 6%;
    padding-top: 1%;
}

/* en savoir plus */

div.ensavoirplus {
    text-align: center;
    border: solid;
    margin-left: 35%;
    margin-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color:#7494ad ;
    color: white;
    width: 370px;
    margin-top: 3%;
   
}

/* trait */

div.trait {
    height: 1px;
    background-color: #0f3958;
    margin-top: 5%;
}

div.footer {
    text-align: center;
    background-color: white;
    border: solid ;
    margin-right: 10%;
    margin-left: 10%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5%;
}

div.footer p {
    text-align: center;
}

div#copyright  {
margin-top: 5%;
margin-bottom: 3%;
}
div#copyright p {
    text-align: center;
}